    @font-face {font-family: 'Open Sans'; font-weight: 300; font-style: italic; src: url('../fonts/opensans-300-italic-webfont.eot'); src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),  url('../fonts/opensans-300-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-300-italic-webfont.woff') format('woff'), url('../fonts/opensans-300-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-300-italic-webfont.svg#open_sanslight_italic') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 300; font-style: normal; src: url('../fonts/opensans-300-normal-webfont.eot'); src: local('Open Sans Light'), local('OpenSans-Light'),               url('../fonts/opensans-300-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-300-normal-webfont.woff') format('woff'), url('../fonts/opensans-300-normal-webfont.ttf') format('truetype'), url('../fonts/opensans-300-normal-webfont.svg#open_sanslight') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 400; font-style: italic; src: url('../fonts/opensans-400-italic-webfont.eot'); src: local('Open Sans Italic'), local('OpenSans-Italic'),             url('../fonts/opensans-400-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-400-italic-webfont.woff') format('woff'), url('../fonts/opensans-400-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-400-italic-webfont.svg#open_sansitalic') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 400; font-style: normal; src: url('../fonts/opensans-400-normal-webfont.eot'); src: local('Open Sans'), local('OpenSans'),                           url('../fonts/opensans-400-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-400-normal-webfont.woff') format('woff'), url('../fonts/opensans-400-normal-webfont.ttf') format('truetype'), url('../fonts/opensans-400-normal-webfont.svg#open_sansregular') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 600; font-style: normal; src: url('../fonts/opensans-600-normal-webfont.eot'); src: local('Open Sans Semibold'), local('OpenSans-Semibold'),         url('../fonts/opensans-600-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-600-normal-webfont.woff') format('woff'), url('../fonts/opensans-600-normal-webfont.ttf') format('truetype'), url('../fonts/opensans-600-normal-webfont.svg#open_sanssemibold') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 700; font-style: normal; src: url('../fonts/opensans-700-normal-webfont.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'),                 url('../fonts/opensans-700-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-700-normal-webfont.woff') format('woff'), url('../fonts/opensans-700-normal-webfont.ttf') format('truetype'), url('../fonts/opensans-700-normal-webfont.svg#open_sansbold') format('svg');}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome fix :( */
    @font-face {font-family: 'Open Sans'; font-weight: 300; font-style: italic; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),    url('../fonts/opensans-300-italic-webfont.svg#open_sanslight_italic') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 300; font-style: normal; src: local('Open Sans Light'), local('OpenSans-Light'),                 url('../fonts/opensans-300-normal-webfont.svg#open_sanslight') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 400; font-style: italic; src: local('Open Sans Italic'), local('OpenSans-Italic'),               url('../fonts/opensans-400-italic-webfont.svg#open_sansitalic') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 400; font-style: normal; src: local('Open Sans'), local('OpenSans'),                             url('../fonts/opensans-400-normal-webfont.svg#open_sansregular') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 600; font-style: normal; src: local('Open Sans Semibold'), local('OpenSans-Semibold'),           url('../fonts/opensans-600-normal-webfont.svg#open_sanssemibold') format('svg');}
    @font-face {font-family: 'Open Sans'; font-weight: 700; font-style: normal; src: local('Open Sans Bold'), local('OpenSans-Bold'),                   url('../fonts/opensans-700-normal-webfont.svg#open_sansbold') format('svg');}
}
/* Bootstrap:
    - Extra small devices (phones, less than 768px)     @media screen and (max-width: 767px)
    - Small devices (tablets, 768px and up)             @media screen and (min-width: 768px)
    - Medium devices (desktops, 992px and up)           @media screen and (min-width: 992px)        
    - Large devices (large desktops, 1200px and up)     @media screen and (min-width: 1200px)
*/
body { padding-top: 50px; font-size: 13px; font-family: 'Open Sans', sans-serif; line-height: 1.428571429; color: #333; background-color: #fff;}
@media (max-width: 767px){body{padding-top: 0;}}
:focus, a {outline: 0 !important;}
::-moz-focus-inner {border:0;}
.clearboth{clear: both;}
b, strong{font-weight: 600;}
::selection {background: #f67c7c; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.3);}
::-moz-selection {background: #f67c7c; color: #fff;}

/* Hide for mobile, show later */
#blockContent {overflow: hidden;}


/* Navbar ================================================================================================================= */
.navbar { border-color: #cacaca; box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-transition: -webkit-transform .1s ease-in-out; -moz-transition: -moz-transform .1s ease-in-out; -ms-transition: -ms-transform .1s ease-in-out; -o-transition: -o-transform .1s ease-in-out; top: 0px!important; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); font-size: 14px; }
.navbar-brand { background: url(../images/logo.png) no-repeat; text-indent: -9999px; display: block; margin: 0 auto 0 auto; padding: 0; float: none; position: static; left: 0; right: 0; top: 4px; height: 60px; width: 200px; background-size: 200px 60px; }
.nav-prime-menu {margin: 10px 10px 10px 325px;}
.sidebar {position: fixed; top: 0; left: 0; bottom: 0; z-index: 1000; display: block; padding: 70px 20px 20px; background-color: #f5f5f5; border-right: 1px solid #eee;}
.topHeaderBar {background: #f1f1f1; height: 25px; color: #888888; overflow: hidden; line-height: 25px; font-size: 13px;}
.goBack.navbar-toggle-phone{margin-right: 0;}
  .goBack.navbar-toggle-phone i{font-size: 20px;}
.catNav.navbar-toggle-phone{ margin: 8px 0;}
#blockContent{margin: 40px 0 0 0;}
@media (max-width: 767px){ /* Mobile */
    #blockContent{margin: 0;}
    .navbar-fixed-top{ position: relative; top: auto; margin-bottom: 0;}
    .navbar-brand {position: absolute; height: 40px; width: 135px; background-size: 135px 40px; }
}

#prdCounter{color: #000;}

/* Sidebar navigation */
.nav-sidebar {
    margin-left: -20px;
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
}
.nav-sidebar > li > a {
    padding-left: 20px;
    padding-right: 20px;
}
.nav-sidebar > .active > a {
    color: #fff;
    background-color: #428bca;
}
@media (max-width: 991px) and (min-width: 768px) {
    form.nav-prime-menu {
        margin: 10px 0 7px 320px;
    }
    .topHeaderNavXs {
        display: block !important;
    }

}

.navbar.active {
    -moz-box-shadow: 0 2px 20px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 20px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2);
    -o-transform: translate(0, -28px);
    -moz-transform: translate(0, -28px);
    -webkit-transform: translate(0, -28px);
    transform: translate(0, -28px);
    border: 0;
}
ul.topHeaderNav{padding: 0;}
.topHeaderNav li {
    list-style: none;
    float: left;
    padding: 0 5px;
}
.topHeaderNav li a {
    color: #888888;
    text-decoration: none;
}
.nav-main {
    z-index: 9000;
    /*cursor: pointer;*/
    position: relative;
}
a.navbar-left{cursor: pointer;padding: 14px 10px 10px 10px;margin-top: 1px;margin-left: 10px;margin-left: 5px;margin-left: 4px;margin-left: 5px;line-height: 16px;}
a.navbar-left i{font-size: 14px;color: #999;vertical-align: 1px;}
.navbar-toggle-phone {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 8px 5px 0 5px;
    border: 0;
    padding: 7px;
    background: none;
}
.navbar-toggle-phone i{font-size: 25px;color: #666;}
.textSub { 
    margin-top: 6px; 
    position: relative;
    width: 100px;
    color: #2c2c2c;
    z-index: 100;
}
.textSub:hover {
    text-decoration: none;
    padding: 5px 10px 3px 10px;
    margin-top: 10px;
    color: #222;
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fcfcfc 0%,#ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ececec',GradientType=0 );
    cursor: pointer; 
}
.textSub.active {
    padding: 4px 10px 11px 10px; 
    border-bottom: none;
    border-top:2px #f28213 solid; 
    background: #fff;
    margin-top: 10px;
    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, .1);;
}

.list-nav-main {
    list-style: none;
    background: #fff;
}
.category_header{
    position: absolute;
    top: 58px;
    display: none;
    width: 730px;
    z-index: 99;
    left: 220px;
    padding: 5px 0 0 0;
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.4); /* drop shadow */
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3); /* drop shadow */
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
    margin: 0;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #DDDDDD; /* drop shadow */
}
@media (max-width: 767px){
    .category_header{
        left: 0;
    }
}
ul.list-nav-main li{float: left; padding: 10px 10px 0 10px;list-style: none;}
ul.category_header li{width: 240px;}
ul.list-nav-main li a{font-weight: 600; color: #222; font-size: 14px;}
ul.list-nav-main li a:hover{color: #004B91;}
ul.list-nav-submain{padding: 0 0 0 5px;}
ul.list-nav-submain li{ padding: 2px 0 0 5px}
ul.list-nav-submain li a{color:#666 !important;  font-size:13px; font-weight: normal;}
ul.list-nav-submain li a:hover{text-decoration:underline}
ul.list-nav-main li.see_all_department{clear:both;padding: 10px 0; border-top: 1px solid #ccc; text-align: right; width:100% !important; margin-top:10px;}
ul.list-nav-main li.see_all_department a{
    color: #222;
    padding: 0 30px 0 0;
    display: block;
    width: 300px;
    float: right;
}
ul.category_all li ul.list-nav-submain li{padding: 5px 10px;}
ol.list-nav-main li{float: left; padding: 20px 10px; list-style: none; width: 100%;}
ol.list-nav-main li li{list-style: none;display: block;width: 25%;}
@media (max-width: 767px){
    ol.list-nav-main li li{
        width: 50%;
    }
}
ol.list-nav-main li.parent-nav{border-bottom: 1px solid #ccc;}
ol.category_header li{width: 240px;}
ol.list-nav-main li a{font-weight: 600; color: #222; font-size: 14px;}
ol.list-nav-main li a:hover{color: #004B91;}
ol.list-nav-submain{padding: 0 0 0 5px;}
ol.list-nav-submain li{ padding: 2px 0 0 5px}
ol.list-nav-submain li a{color:#666 !important;  font-size:13px; font-weight: normal;}
ol.list-nav-submain li a:hover{text-decoration:underline}
ol.list-nav-main li.see_all_department{clear:both;padding: 10px 0; border-top: 1px solid #ccc; text-align: right; width:100% !important; margin-top:10px;}
ol.list-nav-main li.see_all_department a{
    color: #222;
    padding: 0 40px 0 0;
    display: block;
    width: 300px;
    float: right;
}
.frmSearch {
    position: relative;
    display: block;
    white-space: nowrap;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 38px;
    border: 1px solid #d8d8d8;
    border-top-color: #BDBDBD;
    background: white;
    border-radius: 3px 0 0 3px;
}
.nav-searchfield-outer, .nav-searchfield-inner {
    background-image: none;
    height: 33px;
}
.searAll {
    height: 38px;
    float: left;
    line-height: 39px;
    padding: 0 10px;
    color: #333;
    text-decoration: none;
    width: auto;
    cursor: pointer;
    border-radius: 3px 0 0 3px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
    font-size: 14px;
    border-right: 1px solid #e6e6e6; /* IE6-9 */

}
.searAll:hover {
    text-decoration: none;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );
}
.searAll.active {
    background: #fff;
    border-right: 1px solid #cacaca;
    position: relative;
    z-index: 99;
    height: 38px;
    float: left;
    line-height: 40px;
    padding: 0 10px;
    color: #333;
    text-decoration: none;
    width: auto;
    margin-top: 1px;
    border-radius: 3px 0 0 0;
}
.searAll i{color: #999;font-size: 14px;vertical-align: 1px;}
ul.list-searAll {
    list-style: none;
    position: absolute;
    top: 38px;
    border: 1px solid #cacaca;
    background: #fff;
    left: -1px;
    margin: 0;
    padding: 0;
    overflow-y: scroll; 
    height: 180px; 
    width: 200px;
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,.4); /* drop shadow */
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.4); /* drop shadow */
    box-shadow: 0 2px 6px rgba(0,0,0,.4);
    font-size: 13px; /* drop shadow */
}

ul.list-searAll li{padding:0;line-height:20px}
ul.list-searAll li a{color:#333;display:block;padding:0 10px; cursor: pointer;}
ul.list-searAll li:hover{background:#f28213;}
ul.list-searAll li:hover a {color: #fff; text-decoration: none;}
/*.nav-searchfield-width {
    padding: 0 44px 0 70px;
    width: auto;
    overflow: inherit;
}*/
.nav-iss-attach {
/*    padding: 0 0 0 8px;*/
    height: 36px;
    white-space: normal;
    float: left;
    width: 100%;
}
.searchboxInput {
    height: 23px;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background: transparent;
    color: #333;
    z-index: 100;
    box-shadow: none;
    width: 90%;
    margin: 8px 0 0 10px;
}
.searchboxInput::-ms-clear{ width: 0; height: 0;}

.btnSearch{
    background: #f28213;
    width: 80px;
    height: 40px;
    float: right;
    border: 0;
    right: -10px;
    top: -1px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #cc6e10;
    border-top: 1px solid #e47a12;
    position: absolute;
    border-radius: 0 3px 3px 0;
}
#search-btn{ width: 36px; height: 33px; border-radius: 0; text-align: center;}
.btnSearch i{top: 12px;right: 30px;position: absolute; text-shadow: 0 1px 1px #cc6e10;}
#search-btn i{}
.btnSearch:hover{box-shadow: 0 1px 3px #ccc;}
.frmSearch.active {
    border-color: #e49747;
    -moz-box-shadow: 0 0 3px rgba(228,121,17,0.5),0 1px 0 rgba(0,0,0,0.07) inset;
    -webkit-box-shadow: 0 0 3px rgba(228,121,17,0.5),0 1px 0 rgba(0,0,0,0.07) inset;
    box-shadow: 0 0 3px rgba(228,121,17,0.5),0 1px 0 rgba(0,0,0,0.07) inset;
}

.nav-button-outer {
    width: 200px; 
    position: absolute; 
    top: 38px; 
    right: 10px;
}
@media (max-width: 991px){
    .nav-button-outer{
        width: 100px;
    }
    form.nav-prime-menu {
        margin: 10px 10px 7px 325px;
    }
    ul.nav-your-account{
        left: auto !important;
        right: 0;
    }
}
@media (max-width: 767px){
    .nav-button-outer{
        width: 100px;
    }
    form.nav-prime-menu {
        margin: 10px 10px 7px 0;
    }
    .searchboxInput{
        padding: 0 90px 0 0;

    }
}
.aLogin {
    color: #222;
    padding: 0 10px 0 10px;
    cursor: pointer;
    height: 48px;
    width: 110px;
    overflow: hidden;

}
.aLogin:hover, .aSug:hover {
    text-decoration: none;
}
.aLogin span {
    color: #888;
}
.aLogin p, .aSug p{
    margin: -4px 0 0 0;
    height: 20px;
    overflow: hidden;
}
.aLogin i{font-size: 14px; color: #999; vertical-align: 1px;}
.aSug {
    margin: 0;
    color: #333;
    padding: 0 10px;
}

.aSug div{
    margin-right: 5px;
}
.aSug i{font-size: 16px;margin-left: 4px;}
ul.nav-your-account {
    margin: 0;
    display: none;
    font-size: 13px;
    max-width: 170px;
    border-radius: 0 !important;
    top: 46px;
}
.navbar-right {margin: 0; padding: 0 3px 0 5px; display: inline-block; float: none !important;}
.navbar-right ul.dropdown-menu {margin: 0; border-radius: 0 !important; opacity:0; display: block; -moz-transform-origin: top; -webkit-transform-origin: top; transform-origin: top; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -ms-transform: scale(1, 0); -o-transform: scale(1, 0); -moz-transform: scale(1, 0); -webkit-transform: scale(1, 0); transform: scale(1, 0); -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; }
.navbar-right .open ul.dropdown-menu{margin-top: 12px; opacity:1; -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);}
.navbar-right ul.dropdown-menu:before, ul.nav-your-account:before{content: ""; position: absolute; border-width: 0 10px 10px; border-style: solid; border-color: #ccc transparent; display: block; width: 0; top: -10px; right: 20px; }
.navbar-right ul.dropdown-menu:after, ul.nav-your-account:after{content: ""; position: absolute; border-width: 0 9px 9px; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -9px; right: 21px;}
@media screen and (max-width: 767px){
    ul.navbar-right{ display: block; list-style: none; height: 25px; line-height: 25px; text-align: center;} 
    ul.navbar-right .dropdown-menu, ul.navbar-right .navbar-right .open ul.dropdown-menu{left: -30px;}
    ul.navbar-right ul.dropdown-menu:before, ul.navbar-right ul.nav-your-account:before{right: 70px;}
    ul.navbar-right ul.dropdown-menu:after, ul.navbar-right ul.nav-your-account:after{right: 71px;}
    ul.dropdown-menu li.active a{background: #f28213; color: white;}
}
p.numResult {height: 30px; line-height: 30px; margin: 0; border-bottom: 1px solid #ececec}

ul.nav-your-account:before{left: 9px;}
ul.nav-your-account:after {left: 10px;}
@media (max-width: 991px) and (min-width: 768px) {
    ul.nav-your-account:before{left: auto; right: 9px;}
    ul.nav-your-account:after{left: auto; right: 10px;}
}
.drFilter ul.dropdown-menu li a {
    padding: 3px 14px 3px 20px;
    font-size: 13px;
}
ul.nav-your-account a:hover, ul.dropdown-menu a:hover{background: #f28213; color: white;}
/* Breadcrumb =================================================================================================== */
.breadcrumb {
    border-bottom: 1px #ebebeb solid;
    background-color: transparent !important;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 6px 0;
}
h1.breadcrumb{font-size: 14px; line-height: 18px; margin: 0 0 5px 0; padding: 8px 0 6px 0;}

.breadcrumb li h1, .breadcrumb li h2, .breadcrumb li h3{font-size: 14px; margin: 0; padding: 0; display: inline-block;}
.breadcrumb li.active:after{content: ":"; color: #ccc;}
.breadcrumb li.active:last-child:after{content: "";}
/* Breadcrum + Product filter */
    .breadcrumb > li.prdFilter:before{content: ""; padding: 0 2px;}
    li.prdFilter a, li.prdFilter div.prdFilter{background: #f1f1f1; display: inline-block; margin-right: 1px; padding: 3px 6px;}
    li.prdFilter a{border-radius: 0 4px 4px 0;}
    li.prdFilter div.prdFilter{border-radius: 4px 0 0 4px;}
    li.prdFilter div.prdFilter.noCat{border-radius: 4px;}
    li.prdFilter.noCat:before{padding: 0 5px; color: #ccc; content: "/\00a0";}
    li.prdFilter a i{color: #999;}
    li.prdFilter a:hover{background: #ddd;}
    li.prdFilter.clearAllFilter a{color: #999; border-radius: 4px;}
    li.prdFilter.clearAllFilter a:hover{text-decoration: none; color: #333;}

.nicescroll-rails{
    top: 81px!important;
}
@media (max-width: 767px) { /* Mobile */
    .breadcrumb{margin: 0;white-space: nowrap;overflow-y: scroll;}
}

/* End of Breadcrumb =================================================================================================== */

.box-keySearch {
    font-size: 13px;
    overflow: hidden;
    /*border-bottom: 1px solid #ebebeb;*/
    line-height: 200%;
    height: 20px;
    margin: 5px 0 5px 0;
    padding: 0 0 30px 0;
    float: left;
}
ul.box-keySearch{
    margin: 0;
    padding: 0;
    height: auto;
    overflow: visible;
}
.box-keySearch li {
    float: left;
    list-style: none;
    margin: 0 10px 0 0;
}
.box-keySearch a{
    color: #2980b9;
    white-space: nowrap;
}
.box-keySearch a:after{content: ","; position: absolute;}
.box-keySearch li:last-child a:after{content: "";}
.box-keySearch a:hover{
    color: #333;
    text-decoration: underline;
}
.box-keySuggest {
    font-size: 15px;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 0 30px 0;
    /*border-bottom: 1px solid #ebebeb;*/
    line-height: 200%;
    height: 20px;
}
.box-keySuggest li {
    /*float: left;*/
    list-style: none;
    margin: 0 0 0 10px;
    float: left;
}
.box-keySuggest a{
    color: #2980b9;
    white-space: nowrap;
}
.box-keySuggest a:after{content: ","; position: absolute;}
.box-keySuggest li:last-child a:after{content: "";}
.box-keySuggest a:hover{
    color: #333;
    text-decoration: underline;
}


.well-sm {
    margin-bottom: 30px;
    padding: 4px 4px 8px 4px;
}
.dispResult{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
    border: none;
    border-bottom: 1px solid #ebebeb;
    box-shadow: none;
    border-radius: 0; 
}
@media (max-width: 767px){ /* Search results & filter for mobile */
    .btnFilter {
        font-weight: 600;
        line-height: 25px;
        height: 25px;
        text-align: center;
        display: block;
    }
    .btnFilter:hover {
        text-decoration: none;
    }
    .dispResult{
        margin-left: -15px;
        margin-right: -15px;
        padding: 5px 0;
    }
    .dispResult .col-xs-1, .dispResult .col-xs-2, .dispResult .col-xs-3, .dispResult .col-xs-4, .dispResult .col-xs-5, .dispResult .col-xs-6, .dispResult .col-xs-7, .dispResult .col-xs-8, .dispResult .col-xs-9, .dispResult .col-xs-10, .dispResult .col-xs-11{padding: 0;}
    .dispResult p{margin: 0 0 0 15px;padding: 0;line-height: 25px;}
    .dispResult strong{width: 100%;display: inline-block;font-size: 13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
}
.slDisp {padding: 0;}
.slDisp a.btnGridView, .slDisp a.btnListView {
    color: #a2a7ac;
    padding: 0 3px;
}
.slDisp a.dropdown-toggle {
    cursor: pointer;
    line-height: normal;;
}
.slDisp a.btnListView {
    margin-right: 10px;
}
.slDisp a.btnGridView.active, .slDisp a.btnListView.active {
    color: #4b5866;
}
.slDisp .dropdown {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.slDisp .order_option {
    border: none;
    cursor: pointer;
    outline: none;
}

/* Product Grid View ================================================================================================== */
.prGirdView {margin-bottom: 20px;}
.prGirdView .row {margin: 0;}
.prGirdView .prItem {padding: 0 !important; min-height: 320px; margin: 0 -1px 0 0;}
    .prGirdView .prItem .thumbnail{ position: relative; vertical-align: top; z-index: 0; padding: 0 !important; margin-bottom: -1px; border: 1px solid #fff; border-radius: 3px !important;}
    .prGirdView .prItem .thumbnail:hover, 
    .prGirdView .prItem.active .thumbnail {position: relative; z-index: 1; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px #ccc solid; background: #fafafa; }
    .prGirdView .prItem .thumbnail .dispImg {height: 240px; width: 100%; display: block; overflow: hidden;}
        .prGirdView .prItem .thumbnail .dispImg img{ max-width: 220px; max-height: 220px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block!important;}
        .prGirdView .prItem .thumbnail .dispImg a {height: 240px; text-align: center; position: absolute; width: 100%; overflow: hidden;}
        .prGirdView .prItem .thumbnail .dispImg.noImg{background: url("../images/no-img.png") center center;}
        .prGirdView .prItem .thumbnail .dispImg.noImg img{display: none!important;}
    .prGirdView .prItem .thumbnail h4.namePr {margin-bottom: 0; height: 37px; overflow: hidden;}
    .prGirdView .prItem .thumbnail h4.namePr a {font-size: 14px; line-height: 18px; padding: 0 10px; color: #2c3e50; font-weight: 600; display: inline-block;}
.prPriceBlock {padding: 0 10px; margin: 0;}
    .prPriceBlock .prPrice {color: #e74c3c; font-size: 14px; font-weight: 600;}
.prShopBlock {color: #2c3e50; margin: 0; padding: 0 10px; height: 45px;}
#recommend_cluster.prGirdView .prItem{min-height: 270px;}
    #recommend_cluster.prGirdView .prItem .thumbnail .dispImg img{ max-width: 160px; max-height: 160px;}
    #recommend_cluster.prGirdView .prItem .thumbnail .dispImg a{ height: 160px;}
    #recommend_cluster.prGirdView .prItem .thumbnail .dispImg{height: 160px;}

/* Orphan style
      .prGirdView .prItem .thumbnail .dispImg .dispImgHelper{display: inline-block; vertical-align: middle; height: 100%;}
    .saveItem {color: #000; position: absolute; right: -5px; margin: 10px 10px 0 0; padding-right: 5px; top: -2px; padding-top: 2px; cursor: pointer; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; opacity: .1; transition: opacity .1s; -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -ms-transition: opacity .1s; -o-transition: opacity .1s; display: none;}
    .saveItem .prSaveNo, .saveItem .prSaveYes {display: none;}
    .saveItem:hover .prSaveNo, .saveItem.active:hover .prSaveYes {display: inline-block;}
    .saveItem.active:hover .prSaveNo {display: none;}
    .thumbnail:hover .saveItem{opacity: .3;}
    .thumbnail:hover .saveItem:hover, .saveItem.active {color: #f49401; text-decoration: none; background: #fff; padding: 2px 5px; border-radius: 2px; opacity: 1; text-shadow: none;}
*/
@media (max-width: 767px) { /* Mobile */
    .prGirdView .row{padding-bottom: 1px;}
    .prGirdView .prItem{min-height: 100px; margin: 10px 0;border-bottom: 1px solid #eeeeee;}
        .prGirdView .prItem .thumbnail{margin: 0;}
            .prGirdView .prItem .thumbnail .dispImg{height: 100px; margin-right: 10px; width: 100px; float: left;}
            .prGirdView .prItem .thumbnail .dispImg a{height: 100px; padding: 2px; position: relative; display: block;}
            .prGirdView .prItem .thumbnail .dispImg img{max-height: 100px; max-width: 96px;}
            .prGirdView .prItem .thumbnail h4.namePr a{padding: 0 10px 0 0;}
        .prGirdView .prItem.active .thumbnail, .prGirdView .prItem .thumbnail:hover {border-color: #ddd;}
    .vRelatedPrd {display: none;}
    .well-sm{margin-bottom: 0;}
    .well > *:last-child{border-left: 1px solid #ebebeb;}
    .well > *:first-child{border-right: 1px solid #ebebeb;}
    .well a{text-decoration: none;}
/* Orphan styles *
    .pagination li{display: none;}
    .pagination li.next, .pagination li.active{display: inline;} 
    .saveItem{display: none;}
*/
}
/* End of Product Grid View =========================================================================================== */


/* Sidebar ============================================================================================================ */

.sidebarFilter {height: 100%;}
.sidebarFilter .blockModule {margin-bottom: 20px;}
.sidebarFilter .blockModule h4 {border-bottom: 1px #ebebeb solid; font-size: 14px; padding-bottom: 7px; font-weight: 600;}
ul.navCate {} /* Block Danh mục mua sắm */
    ul.navCate ul.subNavCate {padding: 0 0 0 11px;}
    ul.navCate ul.subNavCate ul.subNavCate {padding: 0 0 0 11px;}
    ul.navCate ul.subNavCate li a.active {color: #565656; font-weight: 600;}
    .sidebarFilter .blockModule ul li a:hover, ul.navCate ul.subNavCate li a.active:hover{color: #428bca;}
.sidebarFilter .blockModule ul {margin: 0; padding: 0;}
    .sidebarFilter .blockModule ul li { list-style: none; margin: 0; padding: 0; }
    .sidebarFilter .blockModule ul:hover li{opacity: 1!important;}
    .sidebarFilter .blockModule ul li a {color: #333;line-height: 20px;}
    .sidebarFilter .blockModule ul li i{color: #999;}
    .sidebarFilter .blockModule ul li a:hover, .sidebarFilter .blockModule ul li a:hover i,
    .sidebarFilter .blockModule ul li.active a, .sidebarFilter .blockModule ul li.active a i{text-decoration: none; color: #428bca;}
    .sidebarFilter .blockModule ul li a.active{font-weight: 600; color: #222;}
    .sidebarFilter .blockModule ul li .prNumber {color: #bbb; font-size: 10px; font-weight: normal !important; }
    .sidebarFilter .blockModule .form-group {margin-bottom: 7px;}
    .sidebarFilter .view_more{cursor: pointer; color: #428bca; font-weight: 600; line-height: 30px;}
        .sidebarFilter .view_more:hover{background: #f1f1f1;}
        .sidebarFilter .blockModule ul li.view_more i{color: #428bca;}
        .sidebarFilter .view_more .view_more_show, .sidebarFilter .view_more .view_more_hide{display: none;}
        .sidebarFilter .view_more .view_more_show.active, .sidebarFilter .view_more .view_more_hide.active{display: inline;}
        .sidebarFilter .view_more .fa-angle-down.active {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
    .sidebarFilter .blockModule .maxlist-more a{display: block; font-weight: 600; line-height: 30px; text-decoration: none; cursor: pointer; color: #333; text-indent: 13px;}
        .sidebarFilter .maxlist-more a:hover{background: #f1f1f1;}
        .sidebarFilter .maxlist-more .fa{ right: 15px; top: 8px; position: relative;}
        .sidebarFilter ul.showing li{opacity: 1!important;}

@media screen and (max-width: 767px) { /* Mobile only */
    .row-offcanvas {position: relative; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
        .row-offcanvas .sidebar-offcanvas {display: none; left: 100%;}
        .row-offcanvas.active .sidebar-offcanvas{display: block;}
        .row-offcanvas.active {-webkit-transform: translate(-80%,0);-moz-transform: translate(-80%,0);-ms-transform: translate(-80%,0);-o-transform: translate(-80%,0);transform: translate(-80%,0);}
        .row-offcanvas .sidebarFilter{display: none;}
        .row-offcanvas.active .sidebarFilter{display: block;}
    .sidebar-offcanvas {position: absolute; top: 0; width: 80%; padding-right: 0;}
    
    .sidebarFilter .blockModule{padding-top: 8px;}
        .sidebarFilter .blockModule h4{border-bottom: 1px solid #e1e1e1;padding: 0px 0 23px 10px;margin-bottom: 0;}
        .sidebarFilter .blockModule ul{max-height: 300px; overflow: auto;}
            .sidebarFilter .blockModule ul.navCate{max-height: none;margin-top: 0; }
            .sidebarFilter .blockModule ul li { margin: 0;}
            .sidebarFilter .blockModule ul li a {display: block; border-bottom: 1px solid #e1e1e1; padding: 12px 10px;}
            .sidebarFilter .blockModule ul li ul a{padding: 12px 20px;}
    ul.navCate ul.subNavCate{ padding: 0;}
        ul.navCate ul.subNavCate a{padding-left: 10px;}
}

/* Orphan styles *
.sidebarPrd
    .sidebarFilter.sidebarPrd .blockModule h4{border: 0;}
    .sidebarFilter.sidebarPrd .prItem .thumbnail h4.namePr a{padding: 0 10px 0 0; }
    .sidebarFilter.sidebarPrd .prItem .thumbnail h4.namePr {margin-bottom: 0; height: 37px; overflow: hidden; }
    .sidebarFilter.sidebarPrd .prItem .thumbnail h4.namePr a {font-size: 14px; line-height: 18px; padding: 0 10px; color: #2c3e50; font-weight: 600; display: inline-block;}
.priceFilterForm {margin: 15px 0 0 0;}
.viewAll {color: #f28213;}
.row-offcanvas-left .sidebar-offcanvas {left: -80%;}
.row-offcanvas-left.active {left: 80%;}

/* End of Sidebar ============================================================================================================ */

/*Footer*/
#footer {
    margin-top: 30px;
}
#footer .copyright {
    background: #cc3333;
    color: #fff;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
#footer .copyright .follow a {
    color: #fff;
    margin: 6px -4px 0 8px;
    display: inline-block;
}
#footer .copyright .follow a:hover {
    color: #c6d8e8;
}
#footer .copyright .follow span {
    vertical-align: 5px;
}

#footer .tagLinks {
    padding: 15px 0;
    line-height: 15px;
    color: #919292;
}
#footer .tagLinks a {
    color: #919292;
}
body#redirect #footer{display: none;}


/*Common*/
.cl66 {
    color: #666 !important;
}

.bd-bt {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.cRed {
    color: #e74c3c;
}

.panel-group a:hover {
    text-decoration: none;
}

.panel-title a {
    display: block;
}
.dispImg, .prListImg, .pinImg {
    /*background:#fff url("../images/loading.gif") no-repeat center;*/
    min-height: 100px;
}
.loading-element {
    background: url("../images/loading.gif") no-repeat scroll 10px 10px #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    color: #555555;
    display: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    left: 50%;
    margin-left: -60px;
    padding: 10px;
    position: fixed;
    text-align: right;
    top: 90px;
    width: 125px;
    font-weight: 600;
}
.inline-loading{
    background: url("../images/loading.gif") no-repeat scroll top center #FFFFFF;
    height: 19px;
    width: 19px;
}
.toTop{
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    height: 50px;
    width: 50px;
    color: #333;
    text-align: center;
    position: fixed;
    bottom: -60px;
    right: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 -1px 7px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px 5px 0 0;
    font-size: 15px;
    padding: 15px 10px 10px 10px;
    z-index: 1;
 }
.toTop.active{bottom: 0;}
.toTop:hover{text-decoration: none;}
.no-image{
    background-color: #ddd;
    height: 230px;
    margin: auto;
}
.toTop i{}
.geo-location{
    cursor: pointer;
}

@media (max-width: 360px){ /* 320 for iphone, 360 for zenphone. This is for mobile only */
    .pagination li{display: none;}
    .pagination li.first, .pagination li.last, .pagination li.prev, .pagination li.next, .pagination li.active{display: inline;}
}
/* Product slides /////////////////////////////////////////////////////////////////////////////////////////////*/
.prdSlides{}
@media (min-width: 768px){ /* Long rows are not for mobile */
    .prdSlides .row{width: 100%; margin: 0 auto; position: relative; height: 380px; overflow: hidden;}
    .prGirdView.prdSlides .prItem .thumbnail{margin-bottom: 100%;background: white;}
    .prGirdView .prItem.active .thumbnail:after{
        content: "";
        position: absolute;
        bottom: -10px;
        left: 47%;
        border-width: 10px 10px 0;
        border-style: solid;
        border-color: #f3961c transparent;
        display: block;
        width: 0;
    }
    .prdSlides a.carousel-control{
        height: 32px;  
        bottom: auto;
        background: #f4f4f4; /* Old browsers */
        background: -moz-linear-gradient(top,  #f4f4f4 0%, #e3e3e3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f4f4f4 0%,#e3e3e3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f4f4f4 0%,#e3e3e3 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f4f4f4 0%,#e3e3e3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
        border: 1px solid #b7b7b7;
        box-shadow: 0 1px 1px rgba(0,0,0,0.2);
        position: absolute;
        width: 30px;
        opacity: 1;
        min-width: 30px;
        z-index: 1;
        top: -45px;
    }
    .slideResult{ position: absolute; top: -38px; right: 70px; text-align: right;
        
    }
    .prdSlides a.carousel-control:hover{
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .prdSlides a.carousel-control.left{right: 29px;left: auto;border-radius: 3px 0 0 3px;}
    .prdSlides a.carousel-control.right{ right: 0; border-radius: 0 3px 3px 0;}

    .prdSlides a.carousel-control i{ color: #222; font-size: 14px;}
    .prdSlides a.carousel-control.left i{ left: 10px;}
    .prdSlides a.carousel-control.right i{right: 10px;}
    .prdSlides a.vRelatedPrd{ position: absolute; width: 99%; text-align: center; background: #f28213; color: white; line-height: 25px; border-radius: 0 0 3px 3px; opacity: 0;
    transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: .1s; -ms-transition: .1s; -o-transition: .1s; bottom: -10px; z-index: 1; margin-left: 0.5%;}
    .prdSlides a.vRelatedPrd:hover{text-decoration: none;background: #FC9835;}
    .thumbnail:hover .vRelatedPrd{opacity: 1; bottom: -25px; display: block;visibility: block;}
}

@media (max-width: 767px){ /* Mobile only */
    .carousel-inner > .item{display: block;}
}

/* Social tools */
.socialcount {
    color: #fff;
    font-size: .875em;
    line-height: 2.2em;
    display: inline-block;
}
.socialcount > li,
.socialcount > li > a:focus,
.socialcount .loading {
    border-radius: 2px;
}
.socialcount > li > a:focus,
.socialcount > li:hover,
.socialcount > li.hover /* fix for IE and iframes */ {
}
/* Special class added to count when it's >= the minimum */
.socialcount .count.minimum { color: #333; padding: 0 5px; background: white; border: 1px solid #cad4e7; display: block; float: left; border-radius: 2px; margin: 0 0 0 5px;
}
.count.minimum:before{
    content: "";
    position: absolute;
    border-width: 5px 5px 5px 0;
    border-style: solid;
    border-color: transparent #cad4e7;
    display: block;
    width: 0;
    top: 8px;
    left: -5px;
}
.count.minimum:after{
    content: "";
    position: absolute;
    border-width: 4px 4px 4px 0;
    border-style: solid;
    border-color: transparent #fff;
    display: block;
    width: 0;
    top: 9px;
    left: -3px;
}

/* Base CSS */

.socialcount {
    list-style: none;
    padding-left: 0;
    margin: 10px 0;
    overflow: hidden;
}
.socialcount-large {
    line-height: normal;
}
.socialcount :link,
.socialcount :visited {
    color: #3b579d;
    background: #eceef5;
    border: 1px solid #cad4e7;
    border-radius: 2px;;
}
.socialcount li.active a, .socialcount li.active span{ display: none!important;}
.socialcount i{margin-right: 5px;}
.socialcount > li {
    *display: block;
    zoom: 1;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    min-height: 30px;
    position: relative;
    float: right;
    min-width: 40px;
    margin-left: 10px;
}
.socialcount > li:last-child{margin: 0;}
.socialcount-small > li {
    min-width: 0;
}
.socialcount-large > li {
    float: left;
    margin: 0 .6em .6em 0;
}
.socialcount.recommend .facebook {
    min-width: 120px;
}
.socialcount-small.recommend .facebook {
    min-width: 0;
}
.socialcount-large > li,
.socialcount-large.recommend .facebook {
    min-width: 105px;
}
.socialcount > li > a {
    display: block;
    padding: 0 5px;
    text-decoration: none;
    color: inherit;
    float: left;
}
.socialcount-small > li > a {
    padding-left: 8px;
    padding-right: 8px;
}
.socialcount-large > li > a {
    padding: 12px 5px 8px;
}

.socialcount .count {
    color: inherit;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
}
.socialcount-large .count {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
}
.socialcount-small .count {
    margin-left: 0;
}

.socialcount .facebook iframe {
    height: 21px;
    width: 90px; /* recommend */
}
.socialcount.like .facebook iframe { width: 129px; /* like */
}

.socialcount .button {
    width: 100%;
    position: relative;
    text-align: center;
    pointer-events: none;
    margin-top: 3px;
}
.socialcount .button iframe {
    pointer-events: auto;
}
.socialcount-large .button {
    top: auto;
    bottom: 2px;
}

.socialcount.grade-a.activate-on-hover > li.hover .count,
.socialcount.grade-a.activate-on-click > li.hover.active .count {
   
}

.socialcount.grade-a.activate-on-hover > li.hover .button,
.socialcount.grade-a.activate-on-click > li.hover.active .button {
    display: block;
}
.socialcount.grade-a.activate-on-hover > li.hover > a,
.socialcount.grade-a.activate-on-click > li.hover.active > a {
    cursor: default;
}
.socialcount-small.grade-a.activate-on-hover > li.hover > a,
.socialcount-small.grade-a.activate-on-click > li.hover.active > a,
.socialcount.grade-a.activate-on-hover > li.hover .button iframe,
.socialcount.grade-a.activate-on-click > li.hover.active .button iframe {
    cursor: pointer;
}

/* Inline loading */
.socialcount .loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: #aaa;
    background-color: rgba(170, 170, 170, 0.7);
    color: #000;
    text-transform: uppercase;
    font-size: .75em;
    text-align: center;
}
.socialcount-large .loading {
    padding-top: 30%;
}
.socialcount .loading .dot {
    display: inline-block;
    /* no ie7 compat needed here, just shows the text links */
    width: 6px;
    height: 6px;
    margin: 0 3px;
    background: #fff;
    opacity: 0;
    border-radius: 50%;

    -webkit-animation: socialCountLoadingFade .6s infinite;
    -moz-animation: socialCountLoadingFade .6s infinite;
    animation: socialCountLoadingFade .6s infinite;
}

.socialcount .loading .dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.socialcount .loading .dot:nth-child(2) {
    -webkit-animation-delay: .05s;
    -moz-animation-delay: .05s;
    animation-delay: .05s;
}

.socialcount .loading .dot:nth-child(3) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
}

@-webkit-keyframes socialCountLoadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@-moz-keyframes socialCountLoadingFade {
    0% { opacity: 0;  }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

@keyframes socialCountLoadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}

.suggest-keyword{
    font-size: 16px;
    line-height: 20px;
}

.delQuery{
    background: url(../images/close.png) no-repeat scroll 0 0 transparent;
    background-position: center center;
    cursor: pointer;
    zoom:1;
    display: none;
    height: 12px;
    width: 12px;
    z-index: 2000;
    border: 0px solid;
    float: right;
    position: absolute;
    right: 85px;
    top: 13px;
}

.noresult-message{
    padding: 0;
     margin: 0;
     line-height: 25px;
      font-size:15px;
}

.suggest-head{
    margin: -10px 0px 20px 0px;
}

.suggest-head strong{
    font-size: 25px;
    font-weight: normal;
}

.recommend-items{
    margin-top: -20px;
}

.list_suggests{
    margin-bottom: 10px;
}


/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;;
}

#wrapper.toggled {
}

#sidebar-wrapper {
    z-index: 1000;
    position: relative;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    float: left;
    padding: 0 15px;
    margin-left: -230px;
}

#wrapper.toggled #sidebar-wrapper {
    width: 85%;
}

#page-content-wrapper {
    width: 100%;
    padding: 0;
    -webkit-transition: all 10.5s ease;
    -moz-transition: all 10.5s ease;
    -o-transition: all 10.5s ease;
    transition: all 10.5s ease;
}

#wrapper.toggled #page-content-wrapper {  
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 230px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 230px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 0;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

@media(max-width: 767px){
    #wrapper.toggled{
        -webkit-transform: translate(-80%,0);
           -moz-transform: translate(-80%,0);
            -ms-transform: translate(-80%,0);
             -o-transform: translate(-80%,0);
                transform: translate(-80%,0);
    }
    #wrapper.toggled-2{
        -webkit-transform: translate(80%,0);
           -moz-transform: translate(80%,0);
            -ms-transform: translate(80%,0);
             -o-transform: translate(80%,0);
                transform: translate(80%,0);
    }
    #wrapper #sidebar-wrapper{
        width: 250px;
        left: 200%;
        position: absolute;
        display: none;
    }
    #wrapper #sidebar-wrapper-2{
        width: 250px;
        right: 200%;
        position: absolute;
        display: none;
    }
    #wrapper.toggled #sidebar-wrapper{
        position: absolute;
        left: 95%;
        margin-left: 0;
        display: block;
        box-shadow: -12px 0 20px -10px rgba(0,0,0,0.2);
        background: #f3f4f6;
        padding: 0;
    }
    #wrapper.toggled-2 #sidebar-wrapper-2{
        position: absolute;
        right: 95%;
        margin-left: 0;
        display: block;
        box-shadow: -12px 0 20px -10px rgba(0,0,0,0.2);
        background: #f3f4f6;
        padding: 0;
    }
}

  .spinner {
    width: 30px;
    height: 30px;
    background-color: #cc3333;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 10px;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
    }

@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
    }

    @keyframes rotateplane {
    0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

/* Merchants page */
#merchant-info{
    margin-top: 20px;
}
.merchant-logo{margin-left: 10px;}
.merchant-info-items{
    min-height: 70px;
}
ul.merchant-info{
    margin: 0; 
    padding: 0;;
}
li.merchant-info-items{
    display: block;
    margin-right: 1.5%;
    width: 30%;
    float: left;
    margin-left: 1.5%;
}
li.merchant-info-items:before{
    content: "\f041";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    position: absolute;
    margin-left: -15px;
    margin-top: 2px;
}
@media(min-width: 991px){
    .merchant-info-items{
        min-height: 0;
    }
}
@media(max-width: 767px){
    .merchant-info-items{
        min-height: 0;
    }
    li.merchant-info-items{
        width: 100%;
        margin: 0 0 0 10px;
    }
}

/* Pagination */
.pagination{border-radius: 0;}
.pagination > .active a, .pagination > .active a:hover{border: 1px solid #e1e1e1; background-color: #fff; color: #7a7a7e; -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination > li > a, .pagination > li > span{color: #333;}
.pagination > li > a:hover{ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); border: 1px solid #ccc;}
.pagination > li > a, .pagination > li > span{background-color: #f3f4f6; border: 1px solid #e1e1e1; padding: 10px 14px; text-shadow: 0 -1px 0 rgba(255,255,255,0.1); border-radius: 2px; margin: 5px; min-width: 40px;}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {border-radius: 2px;}

/* Ads */
.blockAds{text-align: center;}
.ads-300{width: 300px; margin-bottom: 20px;}
.adsFooter{background: #ddd; line-height: 25px; text-align: center; text-transform: uppercase; font-weight: 300; color: #999;}
    .adsFooter a{color: #999;}
    .adsFooter a:hover{color: #333; }
.ads-demo-300x250{width: 300px; height: 250px; background: #f3f4f6}
.ads-demo-300x250 p{line-height: 250px; color: #ccc; font-size: 23px; font-weight: 300; text-align: center;}

/* Related news ============================================================================================= */
.article-item{ height: 360px; overflow: hidden; margin: 10px 0;}
    .article-item a.article-thumb{display: block; width: 100%; margin-bottom: 2%; overflow: hidden; height: 145px;}
    .article-item img{width: 100%;height: auto;}
    .article-content{ overflow: hidden; max-height: 175px;}
    .article-content h2{font-size: 16px; font-weight: 600; line-height: 120%; margin: 10px 0 10px 0; text-transform: uppercase;}
    .article-content h2 a{color: #222;}
    .article-desc{ max-height: 77px; overflow: hidden; line-height: 150%; margin: 0;}
    .article-tag{ max-height: 20px; margin: 0; position: absolute; bottom: 10px; overflow: hidden; white-space: nowrap; width: 90%;}
    .article-tag a{color: #999;}
    .article-tag i{color: #ccc;}
    .meta{ color: #999; margin-bottom: 0;}
    .meta a{color: #666; font-weight: 600}
    .meta .tag a{font-weight: normal;}
    h1.category-name, h2.category-name{font-size: 20px; font-weight: 600; margin: 10px 0;}
.category-box{margin-bottom: 10px;}
.link-video {position: relative;}
    .link-video i {position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -25px; background: url(img/circle-white.png) no-repeat center center;}
.widget h3 {border-bottom: 1px #ebebeb solid; font-size: 14px; padding-bottom: 7px; font-weight: 600; margin: 10px 0;}
.breadcrumb{padding: 8px 0 6px 0;}
a.btnFilter { outline: 0 !important;}